<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:v-bind="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <title>骰声回响(杭州)</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"
          integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
    <script src="/js/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"
            integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
            crossorigin="anonymous"></script>

    <link rel="stylesheet" href="/css/bootstrap.css"/>
    <script src="/js/bootstrap.js"></script>

    <link rel="stylesheet" href="/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="../icon/iconfont.css"/>

    <link rel="stylesheet" type="text/css" href="/css/index.css"/>
    <link rel="stylesheet" href="/css/job-content.css"/>
    <script src="/js/vue.min.js"></script>

</head>

<body>
<div class="wrap">
    <div class="header">

        <div class="container row" id="header-vue-bind-div">
            <a class="logo"></a>
            <ul class="nav col-lg-8">
                <!--<li class="address">全国</li>-->
                <li class="nav_li current"><a class="nav_item" href="/">首页</a></li>
                <li class="nav_li"><a class="nav_item" href="/searchlist?keyword=">职位搜索</a></li>
                <li class="nav_li"><a class="nav_item" href="/user/info?type=person">我的简历</a></li>
            </ul>

            <ul class="clear_fix col-lg-2  " v-if="type===null">
                <li><a class="clear_fix_item login" href="/user/login">登录</a></li>
                <li><a class="clear_fix_item register" href="/register">注册</a></li>
            </ul>

            <ul class="clear_fix col-lg-2 " v-if="type==='user'">
                <li><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=3803332007,2672307128&fm=58" alt=""
                         class="img-circle" style="width: 48px;height: 48px"></li>
                <li>


                    <div class="dropdown">
                        <a id="dLabel" data-toggle="dropdown" role="button" aria-haspopup="true"
                           aria-expanded="false">
                            <h6>{{person.user.nickname}}</h6>
                            <span class="caret"></span>
                        </a>


                        <ul class="dropdown-menu" aria-labelledby="dLabel">
                            <li><a href="/user/info">个人中心</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="/user/logout">注销</a></li>
                        </ul>
                    </div>

                </li>
            </ul>
            <ul class="clear_fix col-lg-2 " v-if="type==='hr'">
                <li><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=3803332007,2672307128&fm=58" alt=""
                         class="img-circle" style="width: 48px;height: 48px"></li>
                <li>


                    <div class="dropdown">
                        <a data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <h6>{{person.hr.hrName}}</h6>
                            <span class="caret"></span>
                        </a>


                        <ul class="dropdown-menu" aria-labelledby="dLabel">
                            <li><a href="user/usercenter">个人中心</a></li>
                            <li><a href="user/usercenter">管理中心</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="user/logout">注销</a></li>
                        </ul>
                    </div>

                </li>
            </ul>

        </div>
    </div>
    <script>
        var headervue = new Vue({
            el: '#header-vue-bind-div',

            data: {
                type: null,
                person: {
                    user: null,
                    hr: null
                }

            }
        });
    </script>
    <hr>
    <div class="search-content  container">

        <div class="search-box text-center ">
            <form class="text-center row" name="search_form" action="/searchlist" method="get">
                <input class="search-input col-md-7 col-md-offset-1" id="search-input" name="keyword" type="text"
                       placeholder="搜索职位名称关键字">
                <input class="col-md-2" type="submit" id="search-button" value="搜索"/>
            </form>

        </div>
        <div class="hot-search ">
            <dl class="row">
                <div class="col-sm-1"></div>
                <dt class="col-sm-1" style="padding-left: 0px;margin-left: 0px">热门搜索：</dt>
                <dd class="col-sm-1" style="margin-left: -15px;"><a href="/searchlist?keyword=运营">运营</a>
                </dd>
                <dd style="width: 6%;margin-left: 15px;"><a href="/searchlist?keyword=模型">模型</a></dd>
                <dd style="width: 6%;margin-left: 15px;"><a href="/searchlist?keyword=设计">设计</a></dd>
                <dd style="width: 4%;margin-left: 15px;"><a href="/searchlist?keyword=3d">3d</a></dd>
                <dd style="width: 4%;margin-left: 15px;"><a href="/searchlist?keyword=2D">2D</a></dd>
                <dd style="width: 4%;margin-left: 15px;"><a href="/searchlist?keyword=动画">动画</a></dd>
                <dd style="width: 4%;margin-left: 15px;"><a href="/searchlist?keyword=策划">策划</a></dd>
                <dd style="width: 4%;margin-left: 15px;"><a href="/searchlist?keyword=影视">影视</a></dd>
            </dl>
        </div>
    </div>
    <div class="job-nav container">
        <div class="mainNav">
            <div class="menu_box">
                <div class="menu_main ">
                    <div class="category-list ">
                        <h4>技术</h4>
                        <a href="/searchlist?keyword=工程师">前端开发</a>
                        <a href="/searchlist?keyword=工程师">后端开发</a>
                        <a href="/searchlist?keyword=工程师">测试</a>
                        <span class="right-span glyphicon glyphicon-menu-right"></span>
                    </div>
                </div>
                <div class="menu_sub hidden">
                    <dl>
                        <dt>
                            <span>后端开发</span>
                        </dt>
                        <dd>
                            <a href="/searchlist?keyword=工程师" class="current">Java</a>
                            <a href="/searchlist?keyword=工程师"></a>C++</a>
                            <a href="/searchlist?keyword=工程师" class="current">全栈工程师</a>
                            <a href="/searchlist?keyword=工程师">Hadoop</a>
                            <a href="/searchlist?keyword=工程师">.NET</a>
                            <a href="/searchlist?keyword=工程师">Python</a>
                            <a href="/searchlist?keyword=工程师" class="current">Node.js</a>
                            <a href="/searchlist?keyword=工程师">后端开发其它</a>

                        </dd>

                    </dl>
                    <dl>
                        <dt>
                            前端开发
                        </dt>
                        <dd>
                            <a href="/searchlist?keyword=工程师" class="current">web前端</a>
                            <a href="/searchlist?keyword=工程师">Flash</a>
                            <a href="/searchlist?keyword=工程师" class="current">JavaScript</a>
                            <a href="/searchlist?keyword=工程师">U3D</a>
                            <a href="/searchlist?keyword=工程师">Shell</a>
                            <a href="/searchlist?keyword=工程师">COCOS2D-X</a>
                            <a href="/searchlist?keyword=工程师">前端开发其它</a>

                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            测试
                        </dt>
                        <dd>
                            <a href="/searchlist?keyword=测试">测试工程师</a>
                            <a href="/searchlist?keyword=测试">自动化测试</a>
                            <a href="/searchlist?keyword=测试">功能测试</a>
                            <a href="/searchlist?keyword=测试">性能测试</a>
                            <a href="/searchlist?keyword=测试">测试开发</a>
                            <a href="/searchlist?keyword=测试">游戏测试</a>
                            <a href="/searchlist?keyword=测试">白盒测试</a>
                            <a href="/searchlist?keyword=测试">灰盒测试</a>
                            <a href="/searchlist?keyword=测试">黑盒测试</a>
                            <a href="/searchlist?keyword=测试">手机测试</a>
                            <a href="/searchlist?keyword=测试">硬件测试</a>
                            <a href="/searchlist?keyword=测试">测试经理</a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="menu_box">
                <div class="menu_main ">
                    <div class="category-list ">
                        <h4>产品</h4>
                        <a href="/searchlist?keyword=产品经理">产品经理</a>
                        <span class="right-span glyphicon glyphicon-menu-right"></span>
                    </div>
                </div>
                <div class="menu_sub hidden">
                    <dl>
                        <dt>产品经理</dt>
                        <dd>
                            <a href="/searchlist?keyword=产品">网页产品经理</a>
                            <a href="/searchlist?keyword=策划">游戏策划</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>产品设计师</dt>
                        <dd>
                            <a href="/searchlist?keyword=UI">网页产品设计师</a>
                            <a href="/searchlist?keyword=UI">无线产品设计师</a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="menu_box">
                <div class="menu_main ">
                    <div class="category-list ">
                        <h4>设计</h4>
                        <a href="/searchlist?keyword=设计">UI设计师</a>
                        <a href="/searchlist?keyword=设计">交互设计</a>
                        <a href="/searchlist?keyword=设计">网页设计师</a>
                        <span class="right-span glyphicon glyphicon-menu-right"></span>
                    </div>
                </div>
                <div class="menu_sub hidden">
                    <dl>
                        <dt>错觉设计</dt>
                        <dd>
                            <a href="/searchlist?keyword=设计" class="current">网页设计师</a>
                            <a href="/searchlist?keyword=设计">Flash设计师</a>
                            <a href="/searchlist?keyword=设计">APP设计师</a>
                            <a href="/searchlist?keyword=设计">UI设计师</a>
                            <a href="/searchlist?keyword=设计">平面设计师</a>
                            <a href="/searchlist?keyword=设计">美术设计师</a>
                            <a href="/searchlist?keyword=设计">广告设计师</a>
                            <a href="/searchlist?keyword=设计">多媒体设计师</a>
                            <a href="/searchlist?keyword=设计">游戏界面设计师</a>
                            <a href="/searchlist?keyword=场景">游戏场景</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>交互设计</dt>
                        <dd>
                            <a href="/searchlist?keyword=设计">交互设计师</a>
                            <a href="/searchlist?keyword=设计">无线交互设计师</a>
                            <a href="/searchlist?keyword=设计">网页交互设计师</a>
                            <a href="/searchlist?keyword=设计">硬件交互设计师</a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="menu_box">
                <div class="menu_main ">
                    <div class="category-list ">
                        <h4>运营</h4>
                        <a href="/searchlist?keyword=运营">新媒体运营</a>
                        <a href="/searchlist?keyword=运营">编辑</a>
                        <a href="/searchlist?keyword=运营">数据运营</a>
                        <span class="right-span glyphicon glyphicon-menu-right"></span>
                    </div>
                </div>
                <div class="menu_sub hidden">
                    <dl>
                        <dt>运营</dt>
                        <dd>
                            <a href="/searchlist?keyword=运营">用户运营</a>
                            <a href="/searchlist?keyword=运营">产品运营</a>
                            <a href="/searchlist?keyword=运营" class="current">数据运营</a>
                            <a href="/searchlist?keyword=运营">内容运营</a>
                            <a href="/searchlist?keyword=运营" class="current">新媒体运营</a>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
        <div class="home-banner">
            <div id="myCarousel" data-interval="4000" class="carousel slide">
                <!-- 轮播（Carousel）指标 -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active slide-spot"></li>
                    <li data-target="#myCarousel" data-slide-to="1" class="slide-spot"></li>
                    <li data-target="#myCarousel" data-slide-to="2" class="slide-spot"></li>
                </ol>
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="https://file.dicecho.com/mod/600af94a44f096001d6e49df/2021033103382254.png" alt="First slide">
                    </div>
<!--                    <div class="item">-->
<!--                        <img src="/img/poster2.png" alt="Second slide">-->
<!--                    </div>-->
<!--                    <div class="item">-->
<!--                        <img src="img/poster3.png" alt="Third slide">-->
<!--                    </div>-->
                </div>
                <!-- 轮播（Carousel）导航 -->
                <!--<a class="carousel-control left" href="#myCarousel"-->
                <!--data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>-->
                <!--</a>-->

                <!--<a class="carousel-control right" href="#myCarousel"-->
                <!--data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>-->
                <!--</a>-->
            </div>
        </div>
    </div>
    <!--职位列表-->
    <div class="job-list-container container">
        <div class="jot-tab-content row">
            <div class="line">
                <ul class="col-md-4 no-margin-bottom">
                    <li class="nav_item col-md-4 active"><a class="" href="/searchlist">热门推荐</a></li>
                </ul>
            </div>
        </div>
        <div class="job-summary-container container">
            <!--<div class="content " id="job-content">-->

            <!--<div class="col-lg-4 summary-border" id="job-box" v-for="job in jobs">-->
            <!--<div class="job-summary">-->
            <!--<div class="line-1 row">-->
            <!--<div class="job-name col-md-9"><a href="">{{job.title}}</a><span class="create-item">两日前发布<span class="lianxi iconfont icon-lianxi"></span> </span></div>-->
            <!--<div class="job-salary col-md-3  text-right">8K-15K</div>-->
            <!--</div>-->
            <!--<div class="line-2 job-require">大学本科学历</div>-->
            <!--<div class="line-3 job-tag-content row">-->
            <!--<ul class="" >-->
            <!--<li class="col-md-3 job-tag" >Hadoop</li>-->
            <!--<li class="col-md-3 job-tag" >架构师</li>-->
            <!--&lt;!&ndash;!!!!!!!TAG&ndash;&gt;-->
            <!--</ul>-->
            <!--</div>-->
            <!--<div class="company">-->
            <!--<img style="width: 40px;height: 40px" class="img-rounded" src="http://static.lagou.com/thumbnail_100x100/i/image/M00/68/A7/CgqKkVgRYweAD4MtAAAzR3Jd4fM663.png"/>-->
            <!--<div class="company-right">-->
            <!--<div class="row company-name">-->
            <!--<a :href="">中国移动</a>-->
            <!--</div>-->
            <!--<div class="row company-description">-->
            <!--大型互联网上市公司-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->


            <!--</div>-->
            <div class="content " id="job-content">
                <div class="col-lg-4 summary-border" id="job-box" v-for="job in jobs">
                    <div class="job-summary">
                        <div class="line-1 row">
                            <div class="job-name col-md-8"><a
                                    :href="'/position/'+job.positionId">{{job.title}}</a>
                            </div>
                            <div class="job-salary col-md-4  text-right">
                                {{Math.floor(job.salaryDown/1000)}}K-{{Math.floor(job.salaryUp/1000)}}K
                            </div>
                        </div>
                        <div class="line-2 job-require">
                                <span
                                        class="create-item">{{job.validDate.month+1}}-{{job.validDate.date}}发布<span
                                        class="lianxi iconfont icon-lianxi"></span>
                                    </span>
                        </div>
                        <div class="company">
                            <img style="width: 40px;height: 40px" class="img-rounded"
                                 :src="job.companyLogo"/>
                            <div class="company-right">
                                <div class="row company-name">
                                    <a>{{job.companyName}}</a>
                                </div>
                                <div class="row company-description">
                                    {{job.description}}
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/js/index.js"></script>

    <!--查看更多-->
    <div class="container viewMoreContainer">
        <div class="row">
            <div class="viewMore" id="viewMoreButton" onclick="nextPage()">查看更多</div>
        </div>
    </div>
    <!--//关于我们横线-->
    <div class="job-list-container container">
        <div class="jot-tab-content row">
            <div class="line">
                <ul class="col-md-4 no-margin-bottom">
                    <li class="nav_item col-md-4 active"><a class="" href="#">关于我们</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--友情链接-->
    <div class="about-us container">
        <p>骰声回响（杭州）科技有限公司</p>

        <p>
            <a href="https://beian.miit.gov.cn/" target="brank">浙ICP备2021004742号-2</a>
        </p>
        <p><a>
            违法不良信息举报邮箱：qlc@cozcuz.com | 违法不良信息举报电话：13756053551</a></p>
        <p>网上有害信息举报专区：<i class="sprite bg3"></i><a href="https://www.12377.cn/" target="brank">中国互联网违法和不良信息举报中心</a>
        </p>

    </div>
</div>
<script>
    //    #TAB配置
    $(".menu_box").hover(function () {
        $(this).find(".menu_sub").removeClass("hidden");
        $(this).find(".menu_sub").addClass("show");
    }, function () {
        $(this).find(".menu_sub").removeClass("show");
        $(this).find(".menu_sub").addClass("hidden");
    });

    $('#myCarousel').carousel({
        interval: 3000
    })
</script>

</body>

</html>